<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Bulonera Suipacha</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/text.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/nav.css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
    <!-- BEGIN: load jquery -->
    <script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-ui/jquery.ui.core.min.js"></script>
    <script src="js/jquery-ui/jquery.ui.widget.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui/jquery.ui.accordion.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui/jquery.effects.core.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui/jquery.effects.slide.min.js" type="text/javascript"></script>
    <!-- END: load jquery -->
    <!-- BEGIN: load jqplot -->
    <link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/jqPlot/excanvas.min.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="js/jqPlot/jquery.jqplot.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jqPlot/plugins/jqplot.barRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jqPlot/plugins/jqplot.pieRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jqPlot/plugins/jqplot.highlighter.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jqPlot/plugins/jqplot.pointLabels.min.js"></script>
    <script type="text/javascript" src="framework/js/util.js"></script>
    <!-- END: load jqplot -->
    <script src="js/setup.js" type="text/javascript"></script>
    <script>
    function login(){
    	var params={};
    	params["usuario"]=$("#usuario").val();
    	params["password"]=$("#password").val();
    	ret=load("usuario",params);
    	if (ret.rowCount>0){
    		window.location="matriceria.php";
    	}else{
    		alert("Usuario Incorrecto");
    	}
    }
    
    </script>
</head>
<body style="background-color: #fff">
	<!-- HEADER -->
    <div class="container_12" style="height: 100%">
        <div class="grid_12 header-repeat"  style="height: 100%">
            <div id="branding">
                <div class="floatleft">
                    <img src="images/logo.png" alt="Logo" height="50px"/></div>
                <div class="floatright">
                                            
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
        <!-- MENU HORIZONTAL -->
        <div class="grid_10">
            <br><br><br><br><br>
            <div class="box round first" style="width: 30%; margin-left: auto; margin-right: auto">
                <h2>Ingreso al sistema</h2>
                <div class="block">
                <table style="width:100%" >
					<tr>
						<td class="col1Horizontal"><label>Usuario:</label></td>
						<td class="col2Horizontal"><input type="text" id="usuario" size="20"> </input></td>									
	           		</tr>
					<tr>
						<td class="col1Horizontal"><label>Contraseña:</label></td>
						<td class="col2Horizontal"><input type="password" id="password" size="20"></input></td>									
	           		</tr>
	           		<tr>
	           		<td colspan="2" style="text-align: center; margin-top: 20px"><br><br><button class='btn btn-small' onclick='login()'>Aceptar</button></td>
	           		</tr>
	             </table>
                </div>
            </div>
       </div>

    <div class="clear">
    </div>
    <br><br><br><br><br><br>    <br><br><br><br><br><br>    <br><br>
    <div id="site_info">
        <p>
            <a href="#">Bulonera Suipacha</a>
        </p>
    </div>
    </div>
</body>
</html>